/*
  全局样式
*/

// json配置状态 样式
$tagFontSize: 24rpx;
$tagPadding: 0 20rpx;
$tagHeight: 54rpx;
$tagLineHeight: 54rpx;
$tagBorderRadius: 27rpx;
.cic-common {
  color: #409eff;
  &.tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    border-radius: $tagBorderRadius;
    display: inline-block;
    height: $tagHeight;
    padding: $tagPadding;
    line-height: $tagLineHeight;
    font-size: $tagFontSize;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.cic-success {
  color: #67c23a;
  &.tag {
    background-color: #f0f9eb;
    border: 1px solid #e1f3d8;
    border-radius: $tagBorderRadius;
    display: inline-block;
    height: $tagHeight;
    padding: $tagPadding;
    line-height: $tagLineHeight;
    font-size: $tagFontSize;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.cic-info {
  color: #909399;
  &.tag {
    background-color: #f4f4f5;
    border: 1px solid #e9e9eb;
    border-radius: $tagBorderRadius;
    display: inline-block;
    height: $tagHeight;
    padding: $tagPadding;
    line-height: $tagLineHeight;
    font-size: $tagFontSize;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.cic-warning {
  color: #e6a23c;
  &.tag {
    background-color: #fdf6ec;
    border: 1px solid #faecd8;
    border-radius: $tagBorderRadius;
    display: inline-block;
    height: $tagHeight;
    padding: $tagPadding;
    line-height: $tagLineHeight;
    font-size: $tagFontSize;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.cic-danger {
  color: #f56c6c;
  &.tag {
    background-color: #fef0f0;
    border: 1px solid #fde2e2;
    border-radius: $tagBorderRadius;
    display: inline-block;
    height: $tagHeight;
    padding: $tagPadding;
    line-height: $tagLineHeight;
    font-size: $tagFontSize;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
